<template>
  <div class="titleBox" ref="titleRef">
    <el-image :src="require('../../assets/img/dian_you.png')"></el-image>
    <div class="name">{{ title }}</div>
    <el-image :src="require('../../assets/img/dian_zuo.png')"></el-image>
  </div>
</template>
<script>
export default {
  props: {
    // 床位集合
    title: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
    }
  },
  methods: {},
  mounted() { }
}
</script>
<style lang="less" scoped>
.titleBox {
  background-image: url('../../assets/img/title_bg.png');
  background-size: 100% 100%;
  width: 391px;
  height: 44px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;

  .name {
    font-size: 16px;
    font-weight: bold;
    color: #00FFFC;
    margin: 0 22px;
  }

  .el-image {
    width: 30px;
    height: 10px;
  }
}
</style>
